import Vue from 'vue'
import VueRouter from 'vue-router'
import scratch from "../commpents/scratch.vue"
import detailed from "../commpents/detailed.vue"
import proportion from "../commpents/proportion.vue"
import Welcome from "../commpents/welcome.vue"
import roles from "../commpents/roles.vue"
import administration from "../commpents/administration.vue"
import personnelData from "../commpents/personnelData.vue"
import department from "../commpents/department.vue"
import transport from "../commpents/transport.vue"
import wasteReport from "../commpents/wasteReport.vue"
Vue.use(VueRouter)

const routes = [
  {
    path: "/",
    name: 'login',
    component: () => import('../views/login.vue'),
  },
  {
    path: "/home",
    name: 'home',
    redirect: '/welcome',
    component: () => import('../commpents/home.vue'),
    children: [
      { path: '/welcome', component: Welcome },
      { path: '/scratch', component: scratch },
      { path: '/detailed', component: detailed },
      { path: '/proportion', component: proportion },
      { path: '/roles', component: roles },
      { path: '/administration', component: administration },
      { path: '/personnel', component: personnelData },
      { path: '/department', component: department },
      { path: '/transport', component: transport },
      { path: '/wasteReport', component: wasteReport },]

  },



]

const router = new VueRouter({
  routes
})

export default router
